div#qwbuilder_handlerPanel {
	width: auto !important;
}

div#qwbuilder_headerPanel {
	#gradient>.vertical(#fff; #EFEBE7);
	color: #414141;
	text-shadow: -1px -1px 1px white;
	font-weight: bold;
	padding:5px;
	font-size: 140%;
	&.production {
		#gradient>.vertical(#fff; #faa);
	}
}

div#qwbuilder_headerPanel .x-panel-body {
	background: transparent;
}

#msg-div {
	position:absolute;
	left:35%;
	top:10px;
	width:250px;
	z-index:20000;
}

.add, button.add { background-image: url(../images/add.png); }
.apply { background-image: url(../images/apply.png) !important; }
.config { background-image: url(../images/settings.png) !important; }
.delete, button.delete { background-image: url(../images/delete.png); }
.edit { background-image: url(../images/edit.png) !important; }
.folder, #qwbuilder_modulePanel .x-tree-node-el .x-tree-node-icon { background-image: url(../images/default/tree/folder.gif); }
.handler { background-image: url(../images/default/tree/leaf.gif) !important; }
.handler-hook img.x-tree-node-icon, .x-tab-panel-header span.handler-hook { background-image: url(../images/plugin.png) !important; }
.HelpTabIcon { background-image: url(../images/help.png) !important; }
.user { background-image: url(../images/user.png) !important; }
.users { background-image: url(../images/users.png) !important; }
.flush { background-image: url(../images/clear.png) !important; }
.history { background-image: url(../images/history.gif) !important; }
.library { background-image: url(../images/library.png) !important; }
.locale { background-image: url(../images/locale.png) !important; }
.options { background-image: url(../images/editModule.png) !important; }
.package { background-image: url(../images/package.png) !important; }
.debug { background-image: url(../images/debug.png) !important; }
.play {  background-image: url(../images/play.png) !important;  }
.step {  background-image: url(../images/step.png) !important;  }
.stop {  background-image: url(../images/stop.png) !important;  }
.run { background-image: url(../images/run.png) !important; }
.form { background-image: url(../images/form.png) !important; }
.resource { background-image: url(../images/resource.png) !important; }
.save { background-image: url(../images/save.gif) !important; }
.x-tree-node .query img.x-tree-node-icon, .data { background-image: url(../images/default/grid/columns.gif) !important; } 
.tagLib { background-image: url(../images/taglib.gif) !important; }
.table { background-image: url(../images/table.gif) !important; }
.urls, .handler-url { background-image: url(../images/url.png) !important; }
.testUnknown { background-image: url(../images/test_unknown.png) !important; }
.testRunning { background-image: url(../images/test_active.png) !important; }
.testError { background-image: url(../images/test_fail.png) !important; }
.testSuccess { background-image: url(../images/test_success.png) !important; }
.testcase { background-image: url(../images/testcase.png) !important; }

.testLog { padding: 10px; }
.testLog .success { color: #0a0; }
.testLog .error { color: #a00; }

.header-nav table.x-table-layout {
	float: right;
}

iframe.testRunWindow {
	background-color: white;
	height: 562px;
	display: block;
	width: 780px;
	z-index: 100;
}

ul.historyList li a {
	background: black; 
	color: #fff !important;
	padding-right:5px;
	text-decoration: none;
}

div#shoutbox { position:absolute; right: 10px;width: 200px; }
div#sbmsglist p { margin: 1em 0 0 1em; }
span.sbuser { font-weight:bold; color: #556677; }
span.sbdate { font-size: 10px; vertical-align:middle; color: #999; }
span.sbtext { font-size: 12px; font-family: "Courier New", "Lucida Console", monospace; }

body a:hover {
	background: transparent;
}

.scaffold {
	padding: 5px 20px 20px;
}

.scaffold input[type="checkbox"] {
	margin-left: 10px;
}

fieldset {
	border: 1px solid #ccc;
	margin-top: 10px;
	padding: 10px;
}

#qwbuilder_contentPanel a {
	color: #369;
}
#qwbuilder_contentPanel a:hover {
	color: #47a;
	text-decoration: none;
}

fieldset select.export {
	width: 100px;
}

form .panel-bottom input[type="text"] {
	margin-right: 10px; 
	width: 250px;
	padding: 2px; 
}

form .panel-bottom {
	margin: 1em 0px; 
	background-color: rgb(239, 239, 239); 
	text-align: right; 
	padding: 3px 10px; 
}

textarea {
	font-family: monospace !important;
	font-size: 11px !important;
	border: 0px solid #ccc;
	white-space: pre !important;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

.localization .formfield {
    float: left;
    margin-right: 20px;
    width: auto;
}

.localization .formfield label {
    font-size: 10px;
}

body .CodeMirror-line-numbers {
    font-family: monospace;
    font-size: 11px;
    line-height: 13px;
    padding-top: 4px;
    background-color: #efefef;
    border-right: 1px solid #ccc;
}

.nicEdit-main ol {
	padding-left: 40px;
	display: block;
	list-style-type: decimal;
	margin: 1em 0px;
}
.nicEdit-main ul { 
	padding-left: 40px;
	display: block;
	list-style-type: disc;
	margin: 1em 0px;
}
.dirty { position: relative; border: 1px solid red !important; }
.dirty .blockable { position: absolute; right: 30px; top: -20px; color: red; font-size: 10px; background: white; }
.searchReplaceForm { padding: 10px; }
.searchReplaceForm .form-entry label { display: inline-block; width: 70px; }
.searchReplaceForm .form-entry .radio { padding: 5px 0px; }
.searchReplaceForm .form-entry .radio label { display: inline-block; width: auto; margin-left: 10px; }
.searchReplaceForm fieldset { width: 115px; }
.myScrollbarV {
	position: absolute;
	z-index: 100;
	width: 8px;
	bottom: 7px;
	top: 2px;
	right: 1px;
}
.myScrollbarV div {
	position: absolute;
	z-index: 100;
	width: 100%;
	background: -webkit-gradient(linear, 0 0, 100% 0, from(red), to(#900));
	border: 1px solid #800;
	-webkit-background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
	box-sizing: border-box;	
}
.scheduler { padding:10px; }
.scheduler .form-entry { margin-top:10px; }
.scheduler .form-entry .label {
  display:inline-block;
  width:75px;
  vertical-align:top;
}
.scheduler .form-entry .value { display:inline-block; }
.scheduler .form-entry .value input[type="date"], .scheduler .form-entry .value input[type="time"] { width:150px; }
.scheduler .form-entry .value input[type="text"] { width:75px; }
.scheduler .form-entry .value.radiogroup { width: 250px; }
.scheduler .form-entry .value.radiogroup .radio { float:left; padding-bottom: 5px; width: 75px; }
.scheduler .form-entry .value.radiogroup .radio label { display:inline; }
.x-form-trigger.x-form-arrow-trigger { margin-top: 2px; }
.x-layout-collapsed, #sb_panel { margin-top: 5px; }
.x-tab-panel-header { border-bottom: 0px; }
.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { border-width: 0px; border-bottom: 1px solid #A29587; }

a.builder-help {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px solid #CCC;
	text-align: center;
	border-radius: 10px;
	line-height: 15px;
	color: black !important;
	background-color: #EFEFEF;
	font-family: Tahoma;
	
	&:hover {
		background-color: #999;
		color: white !important;
	}
}